export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M272 432c-44.004 0-80 35.996-80 80s35.996 80 80 80 80-35.996 80-80S316.004 432 272 432zM752 432c-44.004 0-80 35.996-80 80s35.996 80 80 80 80-35.996 80-80S796.004 432 752 432zM512 432c-44.004 0-80 35.996-80 80s35.996 80 80 80 80-35.996 80-80S556.004 432 512 432z"></path>
            </svg>
        </span>
    )
}